<template>
    <div class="hngkContent">
        <BigTitle />
        <SideMenu />
        <div class="sjhjLeft">
            <div>
                <SjhjLeftOne/>
            </div>
        </div>
        <div class="sjhjRight">
            <div>
                <SjhjRightOne/>
                <SjhjRightTwo/>
            </div>
        </div>
    </div>
</template>

<script>
import BigTitle from './BigTitle'
import SideMenu from './SideMenu'
import SjhjLeftOne from "./sjhjLeft/SjhjLeftOne"
import SjhjRightOne from "./sjhjRight/SjhjRightOne"
import SjhjRightTwo from "./sjhjRight/SjhjRightTwo"
import {
  defineComponent,
  getCurrentInstance,
  onMounted,
  ref,
  provide
} from 'vue'
import { useRouter } from 'vue-router'
export default defineComponent({
    components:{
        BigTitle,
        SideMenu,
        SjhjLeftOne,
        SjhjRightOne,
        SjhjRightTwo
    },
    setup(){
        return {
            
        }
    }
})
</script>

<style lang="stylus" scoped>
    @import '../../assets/varibles.styl'
    .sjhjLeft
        position: absolute
        top: vh(85)
        padding-top:vh(32)
        left: vw(0)
        padding-left:vw(24)
        width: vw(389)
        height: vh(995)
        box-sizing: border-box
        //background: linear-gradient(to right, rgba(0,0,0,.7) 60%, rgba(0,0,0,0));
        background: #00
    .sjhjRight
        position: absolute
        top: vh(85)
        right: vw(0)
        padding-right:vw(24)
        width: vw(389)
        height: vh(995)
        box-sizing: border-box 
        //background: linear-gradient(to left, rgba(0,0,0,.7) 60%, rgba(0,0,0,0));
        background: #000
</style>